@import "../../var";
@import "../../mixin";
.gzl-toast {
  //position: absolute;
  //left: 50%;
  //top: 50%;
  //transform: translate(-50%,-50%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  .gzl-toast__box {
    display: none;
    min-width: px(200);
    max-width: px(300);
    min-height: px(32);
    border-radius: px(16);
    background: rgba(0,0,0,.6);
    font-size: px(14);
    color: #fff;
    @include calc(padding,6,20);
    text-align: center;
    word-break: break-all;
    &.plural {
      border-radius: px(8);
    }
  }
  .gzl-toast__icon {
    font-size: 0;
    .icon {
      font-size: px(48);
      line-height: 1;
    }
  }
  .gzl-toast__text {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
}